page,.container{
	height: 100%;
	background-color: #F8F8F8;
	color: #999999;
}

%boxStyle{
	background-color: #fff;
	padding: 30rpx 26rpx;
	margin-bottom:30rpx ;
	box-shadow: 0 0 5rpx rgba(0,0,0,0.4);
}

.spendBox{
	@extend %boxStyle;
	.payBox{
		@include textVCenter(70rpx);
		text-align: right;
		padding-bottom: 30rpx;
		text{
			font-weight: bold;
			color: #ed423f;
		}
	}
	.betwContainer{
		padding: 20rpx 0;
		border-bottom: 1rpx solid $uni-border-color;
		view{
			@extend %flexBetw;
			height: 50rpx;
			font-size: $uni-font-size-sm;
		}
	}
}
.ordermixed{
	@extend %boxStyle;
	view{
		font-size: $uni-font-size-sm;
		@include textVCenter(50rpx);
	}
}
.stepContain{
	@extend %boxStyle;
	@extend %flexBetw;
	
	.leftInfo{
		font-size: $uni-font-size-base;
		.remark{
			min-height: 100rpx;
			display: flex;
			
			.remarkText{
				width: 500rpx;
				line-height: 40rpx;
			}
		}
		view{
			@include textVCenter(50rpx);
		}
		
	}
	
	.sattus{
		font-size: $uni-font-size-lg;
		color: #ed423f;
	}
}
.goods{
	@extend %boxStyle;
	
	.orderstatic{
		height: 80rpx;
		@extend %flexBetw;
		
		.orderType{
			color: #fff;
			padding: 4rpx 15rpx;
			font-size: $uni-font-size-base;
			background-color: #ed413b;
			border-radius: 40rpx;
		}
		.totalBox{
			font-size: $uni-font-size-base;
			color: $uni-text-color-grey;
			
			.price{
				font-weight: bold;
				color: #3b3b3b;
			}
		}
	}
	.goodsItem{
		@extend %flexBetw;
		
		.goodPic{
			width: 160rpx;
			height: 160rpx;
		}
		
		.context{
			width: 500rpx;
			height: 200rpx;
			padding: 20rpx 0;
			@extend %flexVerticalBetw;
			
			.goodsName{
				font-size: $uni-font-size-sm;
				line-height: 33rpx;
				@include moreLine(2);
			}
			.spec{
				height: 60rpx;
				@extend %flexBetw;
				
				.price{
					color: #ed423f;
					font-size: $uni-font-size-base;
					font-weight: bold;
				}
				.num{
					font-size: $uni-font-size-sm;
				}
			}
		}
	}
	.storeInfo{
		// @extend %flexBetw;
		@extend %flexVcenter;
		font-size: $uni-font-size-sm;
		height: 70rpx;
		border-bottom: 1rpx solid ;
		
		
		.store{
			@extend %flexVcenter;
			
		}
	}
}

.concat, .self-mentioning-info{
  width: 100%;
	@extend %boxStyle;
	display: flex;
	.concatinfo{
      width: 100%;

      font-size: $uni-font-size-sm;
		.concatTitle{
			font-size: $uni-font-size-lg;
		}
		.concater{
			color: #666666;
			@include textVCenter(50rpx);
			.phone{
				color: #818181;
			}
          .value-la{
            color: #818181;
            margin-left: 20rpx;
          }
		}
		.address{
			line-height: 40rpx;
			@include moreLine(2);
		}


	}
	.iconContext{
		width: 70rpx;
		text-align: center;
	}

  .qrcode{
    display: block;
    width: 350rpx;
    height: 350rpx;
    background: #eeeef1;
    margin: 20rpx auto;
    image{
      width: 100%;
      height: 100%;
    }
  }
}
